﻿<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>SVG surface test</title>
    <script src="speedometer.js"></script>
</head>
<body>
<svg class="main"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:svg="http://www.w3.org/2000/svg"
  version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  viewBox="0 0 800 600" preserveAspectRatio="xMinYMin meet"
  style="vector-effect: non-scaling-stroke;"
  onload="load()"
  >


 <defs style="vector-effect: non-scaling-stroke;">
  <filter style="vector-effect: non-scaling-stroke;" id="svg_17_blur">
   <feGaussianBlur style="vector-effect: non-scaling-stroke;" stdDeviation="1.3" in="SourceGraphic"/>
  </filter>
 </defs>
 <g>
  <title>Layer 1</title>
  <ellipse style="vector-effect: non-scaling-stroke;" ry="91" rx="108" id="svg_1" cy="134" cx="169" stroke-width="5" stroke="#000000" fill="#FF0000"/>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="166.75" y="67" id="svg_2" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve">4</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="144.75" y="69.5" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_3" transform="rotate(-7.89574, 144.75, 61.25)">3</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="123.87498" y="76.5" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(-23.902, 123.875, 68.25)" id="svg_4">2</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="105.12498" y="88.49999" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(-34.2374, 105.125, 80.25)" id="svg_5">1</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="89.37499" y="104.99998" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(-51.736, 89.375, 96.75)" id="svg_6">0</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="189.875" y="69" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_7" transform="rotate(14.6474, 189.875, 60.75)">5</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="210.87499" y="75.74999" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(22.1903, 210.875, 67.5)" id="svg_8">6</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="229.62499" y="85.49999" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(33.5245, 229.625, 77.25)" id="svg_9">7</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="244.625" y="99.75" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(45.4897, 244.625, 91.5)" id="svg_10">8</text>
  <text fill="#000000" stroke="#000000" stroke-width="0" x="256.62499" y="119.99999" font-size="24" font-family="serif" text-anchor="middle" xml:space="preserve" transform="rotate(63.1302, 256.625, 111.75)" id="svg_11">9</text>
  <path id="svg_17" d="m169.79309,70.20691l-5.55179,18.51035l0,55.21379l9,0l-0.86206,-55.21379z" filter="url(#svg_17_blur)" stroke-linecap="null" stroke-linejoin="bevel" stroke-dasharray="null" stroke-width="2" stroke="#000000" fill="#ffff00"/>
 </g>


</svg>
</body>
</html>

